<!DOCTYPE html>
<html>

<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <!-- 6. 编写一段程序，实现文本框获取和失去焦点效果。要求：
1、获得焦点时，如果内部内容为提示语 请输入搜索关键字 ，清空内容并且设置文字颜色为黑色；
2、失去焦点时，如果内容为空，恢复默认提示语，并且设置文字颜色为灰色 -->
<input type="text" value="请输入搜索关键字" id="words">
<input type="button" value="提交" id="btn">

<script src="js/common.js"></script>
<script>
    // 获取元素
    var text = my$("words");
    // 当获得焦点时,清空文本文字并设置字体颜色
    text.onfocus = function(){
        this.value = "";
        this.style.color = "black";
    }
    // 当失去焦点时,清空文本文字并设置字体颜色
    text.onblur = function(){
        this.value = "请输入搜索关键字";
        this.style.color = "gray";
    }
</script>


</body>

</html>